<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <base href="<%=basePath %>">
  <title>图书管理系统——添加公告</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <link rel="stylesheet" href="./layuiadmin/layui/css/layui.css" media="all">
</head>
<body>

<div class="layui-form" lay-filter="layuiadmin-app-form-list" id="layuiadmin-app-form-list" style="padding: 20px 30px 0 0;">
  <div class="layui-form-item">
    <label class="layui-form-label">主题</label>
    <div class="layui-input-inline">
      <input type="text" name="name" lay-verify="required" placeholder="请输入主题" autocomplete="off" class="layui-input">
    </div>
  </div>

  <div class="layui-form-item">
    <label class="layui-form-label">内容</label>
    <div class="layui-input-inline">
      <input type="text" name="content" lay-verify="required" placeholder="请输入内容" autocomplete="off" class="layui-input">
    </div>
  </div>

  <div class="layui-form-item">
    <label class="layui-form-label">发布者</label>
    <div class="layui-input-inline">
      <textarea name="user" lay-verify="required" style="width: 400px; height: 150px;" autocomplete="off" class="layui-textarea"></textarea>
    </div>
  </div>

<!--  <div class="layui-form-item" >-->
<!--    <label class="layui-form-label">图片</label>-->
<!--    <div class="layui-input-inline" id="image" >-->
<!--      <input type="file" name="file" id="file"  inputmode="post"  multiple="true" lay-verify="required" placeholder="图片" autocomplete="off" class="layui-input">-->
<!--    </div>-->
<!--  </div>-->

  <div class="layui-form-item layui-hide">
    <input type="button" lay-submit lay-filter="layuiadmin-app-form-submit" id="layuiadmin-app-form-submit" value="确认添加">
  </div>
</div>


<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="./layuiadmin/layui/layui.js"></script>
<script>
  layui.config({
    base: './layuiadmin/' //静态资源所在路径
  }).extend({
    index: 'lib/index' //主入口模块
  }).use(['index', 'form'], function(){
    var $ = layui.$
            ,form = layui.form;

    $("#file").change(function () {
      var url=getObjectURL(this.files[0]);
      console.log(123456)
      if($('#img1')){
        $('#img1').remove();
      }
      if(url){

        var image="<img id='img1' width='100px' src='"+url+"'>"
        $("#image").append(image);
      }
    })
    $("#file").click(function (){
      if($('#img1')){
        $('#img1').remove();
      }
    })
    function getObjectURL(file) {
      var url = null ;
      if (window.createObjectURL!=undefined) { // basic
        url = window.createObjectURL(file) ;
      } else if (window.URL!=undefined) { // mozilla(firefox)
        url = window.URL.createObjectURL(file) ;
      } else if (window.webkitURL!=undefined) { // webkit or chrome
        url = window.webkitURL.createObjectURL(file) ;
      }
      return url ;
    }



    //监听提交
    form.on('submit(layuiadmin-app-form-submit)', function(data){
      var field = data.field; //获取提交的字段
      var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引


      //提交 Ajax 成功后，关闭当前弹层并重载表格
      $.ajax({
        url:'/noticeAdd',
        data:field,
        type:'post',
        dataType:'json',
        success:function(result){
          if (result.code == 0){
            //添加成功
            layer.msg('新增成功', {
              offset: '15px'
              ,icon: 1
              ,time: 200
            }, function(){
              parent.layui.table.reload("LAY-app-notice-list");//重载表格
              parent.layer.close(index);//关闭当前的iframe
            });
          }else if (result.code == 1){
            layer.open({
              title: '提示'
              ,content: result.msg
            });
          }
        }
      })

    });
  })
</script>
</body>
</html>
